﻿@model HeaderBarModel
<header class="header">
    <!-- <div class="bg"></div> -->
    <div class="d-flex align-items-center">
        <a id="navbar" href="#" class="sidebar-toggle-box">
            <i class="fa fa-bars"></i>
            <span id="websiteTitle">@Model.Title</span>
        </a>
        <div class="nav">

           <div class="alert"></div>
<div class="bar-content">
    <!--<span id="netID">12222</span>-->
    <div class="l-div">
        当前状态
        <span id="idStatus">未连接</span>
        <select name="" style=" margin-left:3px;" id="AgentStatus" onchange="OnclickStatus();">
            <option value="0">--请选择--</option>
            <option value="1">示闲</option>
            <option value="2">示忙1</option>
            <option value="3">示忙2</option>
            <option value="4">示忙3</option>
            <!--<option value="5">结束话后处理</option>-->
        </select>
        <div class="xx">
            <s>来电号码：</s>
            <input type="text" placeholder="号码" id="txtsNo" value="910000" />
        </div>
    </div>
    <div class="icon">

        <input type="text" style=" width:90px; margin-left:5px;" placeholder="登录工号" id="idAgentNo" />
        <dl class="dl1">
            <dd class="cy bh" id="ActionDial">
                <a href="#" id="ActDial" onclick="AgentDialPara();">
                    <img src="../bar/images/icon-4.png" alt="" id="ActionDialimg" />
                    <span>拨号</span>
                </a>
                <div class="num" style="z-index:9999">
                    <ul>
                        <li>1</li>
                        <li>2</li>
                        <li>3</li>
                        <li>4</li>
                        <li>5</li>
                        <li>6</li>
                        <li>7</li>
                        <li>8</li>
                        <li>9</li>
                        <li>*</li>
                        <li>0</li>
                        <li>#</li>
                    </ul>
                </div>
            </dd>
            <!--<dd class="cy" id="UnHold" onclick="ActionUnHold();">
                <a href="#">
                    <img src="../bar/images/icon-1.png" alt="" id="UnHoldimg" />
                    <span >取回</span>
                </a>
            </dd>-->
            <dd class="cy bor" id="Hold" onclick="ActionHold();">
                <a href="#">
                    <img src="../bar/images/icon-3.png" alt="" id="Holdimg" />
                    <span id="HoldCall">保持通话</span>
                </a>
            </dd>
            <dd id="ConsultCall" onclick="ActionConsultCall();">
                <a href="#">
                    <img src="../bar/images/icon-2.png" alt="" id="ConsultCallimg" />
                    <span>咨询</span>
                </a>
            </dd>
            <dd id="Hangup" onclick="ActionHangup();">
                <a href="#" id="Idle">
                    <img src="../bar/images/icon-5.png" alt="" id="Hangupimg" />
                    <span id="HangupCall">释放</span>
                </a>
            </dd>
            <!--<dd id="ConsultCallComplete" onclick="ActionConsultCallComplete();">
                <a href="#" >
                    <img src="../bar/images/icon-5.png" alt="" id="ConsultCallCompleteimg" />
                    <span>转移完成</span>
                </a>
            </dd>-->
            <dd id="AlternatCall" onclick="ActionAlternatCall();">
                <a href="#">
                    <img src="../bar/images/icon-5.png" alt="" id="AlternatCallimg" />
                    <span>切换通话</span>
                </a>
            </dd>
            <dd id="Conf" onclick="ActionConf();">
                <a href="#">
                    <img src="../bar/images/icon-7.png" alt="" id="Confimg" />
                    <span>三方通话</span>
                </a>
            </dd>
            <dd id="BlindTransfer" onclick="ActionBlindTransfer();">
                <a href="#">
                    <img src="../bar/images/icon-8.png" alt="" id="BlindTransferimg" />
                    <span>盲转</span>
                </a>
            </dd>
            <dd id="Satisfaction" onclick="ActionSatisfaction();">
                <a href="#">
                    <img src="../bar/images/icon-9.png" alt="" id="Satisfactionimg" />
                    <span>转满意度</span>
                </a>
            </dd>
            <dd class="Logoff" onclick="Logoffclick();">
                <a href="#">
                    <img src="../bar/images/icon-10.png" alt="" id="Logoffimg" />
                    <span>注销</span>
                </a>
            </dd>
        </dl>
        <dl class="dl2">
            <dd class="dl">
                <a href="#">
                    <img src="../bar/images/login.png" alt="" />
                    <span>登录</span>
                </a>
            </dd>
        </dl>
    </div>
</div>

            @*@if (User.IsInRole("Administrators"))
                {
                    <!-- tasks start -->
                    <div class="dropdown">
                        <a data-toggle="dropdown" class="shadow-primary" href="#">
                            <i class="fa fa-tasks"></i>
                            <span id="msgHeaderTaskBadge" class="badge badge-pill badge-primary"></span>
                        </a>
                        <div class="dropdown-menu">
                            <div class="dropdown-arrow arrow-primary"></div>
                            <div id="msgHeaderTaskContent" class="dropdown-header bg-primary">您有 <span id="msgHeaderTask">0</span> 个未完成的任务</div>
                            <div class="dropdown-footer">
                                <a href="~/Admin/Tasks">查看所有任务</a>
                            </div>
                        </div>
                    </div>
                    <!-- tasks end -->
                    <!-- message dropdown start-->
                    <div class="dropdown">
                        <a data-toggle="dropdown" class="shadow-info" href="#">
                            <i class="fa fa-envelope"></i>
                            <span id="msgHeaderMsgBadge" class="badge badge-pill badge-info"></span>
                        </a>
                        <div class="dropdown-menu">
                            <div class="dropdown-arrow arrow-info"></div>
                            <div id="msgHeaderMsgContent" class="dropdown-header bg-info">您有 <span id="msgHeaderMsg">0</span> 个未读的消息</div>
                            <div class="dropdown-footer">
                                <a href="~/Admin/Messages">查看所有消息</a>
                            </div>
                        </div>
                    </div>
                    <!-- message dropdown end -->
                    <!-- users dropdown start-->
                    <div class="dropdown">
                        <a data-toggle="dropdown" class="shadow-success" href="#">
                            <i class="fa fa-user-plus"></i>
                            <span id="msgHeaderUserBadge" class="badge badge-pill badge-success"></span>
                        </a>
                        <div class="dropdown-menu">
                            <div class="dropdown-arrow arrow-success"></div>
                            <div id="msgHeaderUserContent" class="dropdown-header bg-success">您有 <span id="msgHeaderUser">0</span> 条新用户通知</div>
                            <div class="dropdown-footer">
                                <a href="~/Admin/Notifications">查看所有通知</a>
                            </div>
                        </div>
                    </div>
                    <!-- users dropdown end -->
                    <!-- apps dropdown start-->
                    <div class="dropdown">
                        <a data-toggle="dropdown" class="shadow-warning" href="#">
                            <i class="fa fa-bug"></i>
                            <span id="msgHeaderAppBadge" class="badge badge-pill badge-warning"></span>
                        </a>
                        <div class="dropdown-menu">
                            <div class="dropdown-arrow arrow-warning"></div>
                            <div id="msgHeaderAppContent" class="dropdown-header bg-warning">您有 <span id="msgHeaderApp">0</span> 条程序异常通知</div>
                            <div class="dropdown-footer">
                                <a href="~/Admin/Exceptions">查看所有异常</a>
                            </div>
                        </div>
                    </div>
                    <!-- apps dropdown end -->
                    <!-- db dropdown start-->
                    <div class="dropdown">
                        <a data-toggle="dropdown" class="shadow-danger" href="#">
                            <i class="fa fa-database"></i>
                            <span id="msgHeaderDbBadge" class="badge badge-pill badge-danger"></span>
                        </a>
                        <div class="dropdown-menu">
                            <div class="dropdown-arrow arrow-danger"></div>
                            <div id="msgHeaderDbContent" class="dropdown-header bg-danger">您有 <span id="msgHeaderDb">0</span> 条数据库异常通知</div>
                            <div class="dropdown-footer">
                                <a href="~/Admin/Exceptions">查看所有异常</a>
                            </div>
                        </div>
                    </div>
                    <!-- db dropdown end -->
                }*@
        </div>
        <div class="dropdown userinfo">
            <a data-toggle="dropdown" class="dropdown-toggle shadow-default" href="#">
                <img id="headerIcon" alt="" src="@Url.Content(Model.Icon)" />
                <span id="userDisplayName" data-userName="@Model.UserName" class="username text-truncate d-inline-block">@Model.DisplayName</span>
            </a>
            <div class="dropdown-menu dropdown-menu-right">
                <div class="dropdown-item">
                    <a href="~/Admin/Profiles"><i class=" fa fa-suitcase"></i>个人中心</a>
                    <a href="~/Admin/Index"><i class="fa fa-cog"></i>设置</a>
                    <a href="~/Admin/Notifications"><i class="fa fa-bell"></i>通知<span id="logoutNoti" class="badge badge-pill badge-success"></span></a>
                </div>
                <div class="dropdown-item">
                    <a href="~/Account/Logout"><i class="fa fa-key"></i>注销</a>
                </div>
            </div>
        </div>
    </div>
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="@Url.Content("~/Admin/Index")"><i class="fa fa-home"></i>首页</a></li>
            <li class="breadcrumb-item d-none" id="breadNav"></li>
        </ol>
    </nav>
</header>